<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TOP</title>
<link href="${ctx }/css/style.css?t=<% out.print(new Date().getTime()); %>" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx }/js/jquery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="${ctx }/js/common.js"></script>

</head>
<body style="background-image: url('${ctx}/images/newTheme/head-background.png');">
<div style="background-image: url('${ctx}/images/newTheme/3333.png');width: 100%;background-size: 100%;height: 100%;position: absolute;    z-index: -100;">
</div>
<div class="topleft" >
    <p class="logop" style="letter-spacing: -1px;">
        小虫子爬虫系统
    </p>
</div>
<ul class="nav dataNav" style="margin-left: 100px;">
    <li>
        <a href="${ctx }/sysman/index/rightPanel.do"  target="rightFrame">
            <img src="${ctx }/images/custom/menu/Icon1_2.png" title="工作台" icons="Icon1"/>
            <h2>工作台</h2>
        </a>
    </li>
</ul>
<c:forEach items="${systemAuthModularResource }" var="modlarResource">
    <ul class="nav dataNav">
        <li><a href="${ctx}/sysman/index/leftPanel.do?modularAuthCode=${modlarResource.authCode}"  target="leftFrame">
            <img src="${ctx }/images/custom/menu/${modlarResource.iconPic}_2.png" title="${modlarResource.authName }" icons="${modlarResource.iconPic}"/>
            <h2>${modlarResource.authName }</h2>
        </a></li>
    </ul>
</c:forEach>


<div class="topright">
  <ul>
    <%-- <li><span><img src="${ctx }/images/help.png" title="帮助"  class="helpimg"/></span><a href="#">帮助</a></li>
    <li><a href="#">关于</a></li> --%>
    <!-- 
    <li><a href="#" id="toEditPwd">修改密码</a></li>
     -->
     <li><a href="javasript:void();">欢迎您登陆 - ${username}</a></li>
    <li><a href="${ctx }/sysman/loginout.do" target="_parent">退出</a></li>
  </ul>
  <div class="user"> <span>${rolenames}</span> <!-- <i>消息</i> <b>5</b> --> </div>
</div>

</body>
</html>
<script type="text/javascript">
    $(function(){
        //顶部导航切换
        $(".nav li a").click(function(){
            $(".nav li a.selected").removeClass("selected")
            $(this).addClass("selected");
        });

        $(".dataNav").mouseover(function(){
            var iconstr = $($(this).find('img')[0]).attr('icons');
            if(panIsNull(iconstr)){
                return;
            }
            $($(this).find('img')[0]).attr('src','${ctx }/images/custom/menu/'+iconstr+'_1.png');
        });

        $(".dataNav").mouseout(function(){
            var iconstr = $($(this).find('img')[0]).attr('icons');
            if(panIsNull(iconstr)){
                return;
            }
            $($(this).find('img')[0]).attr('src','${ctx }/images/custom/menu/'+iconstr+'_2.png');
        });
    })
</script>

